
    <script src="/static/plugins/js/swiper-3.4.2/swiper-3.4.2.min.js"></script>
    <link rel="stylesheet" type="text/css" href="/static/home/css/style.css?v=${.ts}" />


    <div class="navbar" id="hd" >
        <button class="navbar-toggle" data-toggle="collapse" data-target="#nav_menu">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <div class="container">
            <div class="navbar-header">
                <div class="navbar-brand">${.sets.app_name}</div>
            </div>

            <div id="nav_menu"  class="collapse navbar-collapse">
                <ul class="nav navbar-nav" >

                    <li  class="active"><a href="#" >首页</a></li>
                    <li ><a href="#solution-panel" >解决方案</a></li>
                    <li ><a href="#doc-panel" >开发文档</a></li>
                    <li ><a href="https://gitee.com/lshsuper/go-cmdb" >资源下载</a></li>
                    <li ><a href="/admin/index/index?ts=${.ts}" >管理控制台</a></li>
                </ul>

            </div>
        </div>
    </div>

<div id="banner" class="carousel slide container-fluid" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#banner" data-slide-to="0" class="active"></li>
            <li data-target="#banner" data-slide-to="1"></li>
            <li data-target="#banner" data-slide-to="2"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <img src="/static/home/images/banner-img.png?v=${.ts}" alt="...">
            </div>
            <div class="item ">
                <img src="/static/home/images/banner-img2.png" alt="...">
            </div>
        </div>

        <!-- Controls -->
        <a class="left carousel-control" href="#bannerc" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#banner" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
<!--main Start!-->
<div id="main">
    <div id="doc-panel" class="index-sec1">
        <div class="title">
            <h3><span>开发文档</span></h3>
            <p>为开发者提供数据API&功能实例设计、开发文档</p>
        </div>
        <div class="container">
            <div class="col-sm-12 col-md-4">
                <div class="item-box">
                    <div class="inner-wp">
								<span class="mdi mdi-cloud-outline">
								</span>
                        <p>云平台API</p>
                    </div>
                    <a href="#">GO</a>
                </div>
            </div>
            <div class="col-sm-12 col-md-4">
                <div class="item-box">
                    <div class="inner-wp">
								<span class="mdi mdi-file-document">

								</span>
                        <p>开发文档</p>
                    </div>
                    <a href="#">GO</a>
                </div>
            </div>
            <div class="col-sm-12 col-md-4">
                <div class="item-box">
                    <div class="inner-wp">
								<span class="mdi mdi-console">

								</span>
                        <p>管理控制台</p>
                    </div>
                    <a href="/admin/index/index?ts=${.ts}">GO</a>
                </div>
            </div>
        </div>
    </div>
    <div id="solution-panel" class="index-sec2">
        <div class="title">
            <h3><span>解决方案</span></h3>
            <p>提供低代码设计方案，方便基本日常应用，简化开发</p>
        </div>
        <div class="container">
            <div class="col-sm-12 col-md-3 item-block">
                <span class="mdi mdi-chart-bar"></span>
                <h4>数据驾驶舱</h4>
                <p>灵活配置看板图表内容</p>
            </div>
            <div class="col-sm-12 col-md-3 item-block">
                <span class="mdi mdi-calendar-text"></span>
                <h4>表单设计器</h4>
                <p>支持日常问卷试卷相关设计及使用</p>
            </div>
            <div class="col-sm-12 col-md-3 item-block">
                <span class="mdi mdi-code-braces"></span>
                <h4>代码开源</h4>
                <p>管理控制台开放，即可以当做系统级二次开发模版，也可以独立部署，应用相应功能</p>
            </div>
            <div class="col-sm-12 col-md-3 item-block">
                <span class="mdi mdi-language-html5"></span>
                <h4>网页设计</h4>
                <p>支持简单宣传引导页在线设计</p>
            </div>
        </div>
    </div>

</div>
<!--main End!-->

<!--底部 Start!-->
<div id="ft">
    <div class="copyright">
        <p class="wp">Copyright © lshsuper, All Rights Reserved.</p>
    </div>
</div>
<!--底部 End!-->

<div class="sidebar">
    <div class="side-phone">
        <a href="javascript:;" class="phone-btn"></a>
        <div class="phone-num">
            <div class="side-inner"><span>https://github.com/lshsuper</span></div>
        </div>
    </div>
    <div class="side-phone">
        <a href="javascript:;" class="wechat-btn"></a>
        <div class="phone-num">
            <div class="side-inner"><span>https://gitee.com/lshsuper</span></div>
        </div>
    </div>

</div>

<script type="text/javascript" src="/static/home/js/common.js"></script>


